Mouseevent

2020.6.16 星期二 11:45

鼠标事件

基础

clientX/clientY === x/y, pageX/pageY, screenX/screenY,
offsetX/offsetY, layerX/layerY

clientX/Y:相对于浏览器显示界面。
offsetX/Y: 相对于当前DOM/div
screenX/Y:相对于显示器。

ev.pageX = ev.clientX + 滚动距离

layerX,layerY 往上找有定位属性的父元素的左上角(自身有定位属性的话就是相对于自身),都没有的话,就是相对于body的左上角

点击查看图片

六、Jquery 兼容写法
Jquery event 事件对象,包含有 event.offsetX, event.clientX,event.pageX,event.screenX等属性(firefox 浏览器中, offsetX 为 undefined)。firefox 获取 offsetX / offsetY 的值,需要通过 event 对象的属性 originalEvent。

#

knowledge is no pay,reward is kindness
0%